<template lang="pug">
  div.dialog(@click.self="clickBtnDefault")
    div.dialog-container
      div.mn
        div.btn-close(@click.stop="clickBtnDefault")
          i.el-icon-close
        div.teacher-table--tit 教员详细信息
        table.teacher-table
          tr
            td.tb-r--tt(rowspan="2" )
              div.avatar(:style="avatarStyle")
            td(width="90px")
              div.td-lbl 姓名
            td(width="130px")
              div.td-cnt {{model.name||`暂无`}}
            td(width="100px")
              div.td-lbl 所代教学班
            td
              div.td-cnt {{model.teachingClass||`暂无`}}
          tr
            td
              div.td-lbl 部职别
            td(colspan="3")
              div.td-cnt {{model.departPositions||`暂无`}}
          tr
            td(colspan="2")
              div.td-2 推荐（公示）条件项目
            td(colspan="2")
              div.td-2 要求及说明
            td
              div.td-2 成绩
          tr
            td.tb-r--tt(rowspan="3")
              div.td-2
                | 基
                br
                | 本
                br
                | 条
                br
                | 件
            td
              div.td-lbl 所代教学班成绩
            td(colspan="2")
              div.td-cnt 所代教学班考试成绩排名不能在教授相同课程所有认可教员排名的后三分之一（代教两个以上班次的一最好成绩为准）
            td
              div.td-cnt {{model.teachingClassResult||`暂无`}}
          tr
            td
              div.td-lbl 射击考核
            td(colspan="2")
              div.td-cnt 最近一次考核成绩在合格以上（以教务科公布为准，现役填报）
            td
              div.td-cnt {{model.teachingClass||`暂无`}}
          tr
            td
              div.td-lbl 体能考核
            td(colspan="2")
              div.td-cnt 最近一次考核成绩在合格以上（以教务科公布为准）
            td
              div.td-cnt {{model.physicalExam||`暂无`}}
          tr
            td.tb-r--tt(rowspan="5")
              div.td-2
                | 参
                br
                | 考
                br
                | 条
                br
                | 件
            td
              div.td-lbl 学术科研成果
            td(colspan="2")
              div.td-cnt 最多填报 2018 年秋季、2019 年春季学期 5 项成果
            td
              div.td-cnt {{model.scientificPayoffs||`暂无`}}
          tr
            td
              div.td-lbl 考评结果等次
            td(colspan="2")
              div.td-cnt 学年内最近一次考评结果等次为优秀以上（以人力资源科公布为准），学年外考核情况有各部系大队党委把关。
            td
              div.td-cnt {{model.resultGrade||`暂无`}}
          tr
            td
              div.td-lbl 军体训练情况
            td(colspan="2")
              div.td-cnt 填写军事操作和体能训练出勤情况（以不对管理科及所在不对、大队统计为准）
            td
              div.td-cnt {{model.sportsTraining||`暂无`}}
          tr
            td
              div.td-lbl 授课时数
            td(colspan="2")
              div.td-cnt 填写2019春季、2018秋季累计授课时数
            td
              div.td-cnt {{model.classHours||`暂无`}}
          tr
            td
              div.td-lbl 其他成绩
            td(colspan="2")
              div.td-cnt 主要填写 2019 春季、2018 秋季受学院以上表彰奖励或指导参与各类竞赛情况
            td
              div.td-cnt {{model.otherResult||`暂无`}}
          tr
            td.tb-r--tt
              div.td-lbl 教员简介
            td(colspan="4") {{model.description}}
</template>

<script type="text/ecmascript-6">
export default {
  name: 'TeacherVoteDetail',
  props: {
    avatar: {
      type: String,
      default: ''
    },
    model: {
      type: Object,
      default: () => {
        return {}
      }
    },
    /**
     * 推荐操作按钮
     *  {
       *    text:'显示文字',
       *    callBack:回调函数
       *  }
     */
    btnPrimary: {
      type: Object,
      default() {
        return {
          text: '关闭',
          callBack() {
          }
        }
      }
    },
    btnDefault: {
      type: Object,
      default() {
        return {
          text: '返回',
          callBack() {
          }
        }
      }
    }
  },
  mounted() {
  },
  methods: {
    /**
     * 辅助操作按钮点击事件
     */
    clickBtnDefault() {
      if (this.btnDefault.callBack && typeof (this.btnDefault.callBack) === 'function') {
        this.btnDefault.callBack(this)
      }
    }
  },
  computed: {
    avatarStyle() {
      return {'background-image': `url('${this.avatar}')`}
    }
  }
}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .dialog
    position fixed
    z-index 2000
    top 0
    left 0
    width 100%
    height 100%
    display flex
    justify-content center
    align-items center
    background-color rgba(0, 0, 0, .4)
    .dialog-container
      background-color #fff
      padding 12px
      border 1px solid #dcdfe6
      box-shadow 0 0 8px 5px rgba(0, 0, 0, 0.28)
      display flex
      position relative
      width 800px
      height 810px
      overflow-y auto
      overflow-x hidden
      .mn
        flex 1
      .btn-close
        position absolute
        top -1px
        right -1px
        width 36px
        height 36px
        text-align center
        line-height 36px
        background-color #F56C6C
        color #ffffff
        cursor pointer

    .avatar
      width 120px
      height 168px
      background 50% 50% no-repeat
      background-size cover
      border 1px solid #DCDFE6
    .teacher-table--tit
      text-align center
      font-size 20px
      line-height 30px
      margin-bottom 12px
    .teacher-table
      border 1px solid #DCDFE6
      width 100%
      font-size 14px
      line-height 1.5
      td
        border 1px solid #DCDFE6
        padding 8px
        color #606266
      .tb-r--tt
        width 120px
      .td-2
        text-align center
      .td-lbl
        text-align center
        padding 0 8px
        font-weight bold
      .td-cnt
        color #303133
</style>
